// import React from 'react'

function Index() {
  return (
    <div>
      <div className='w-full  bg-green-300 flex flex-wrap'>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
        <div className='w-1/5 h-[50px] m-[19px] text-yellow-200 shadow-lg rounded-[8px] bg-blue-500 text-center leading-[50px] border-solid border-2 border-red-300'>哈哈哈</div>
      </div>
    </div>
  )
}

export default Index
